www.gusucode.com > 一个JSP MYSQL在线考试系统源码程序 > 一个JSP MYSQL在线考试系统/TomExam_v2.1_UTF8/TomExam_v2.1_UTF8/WebRoot/skins/gray/style.css
/** 通用样式 **/ body,form,ul,li{margin:0; padding:0;} body,p,th,td,span,div,a,input{color:#000000;font-size:9pt;font-family:Arial} a{color:#000000;text-decoration:none} a:hover{color:#ff0000;text-decoration:underline} .body{ margin:5px; padding:5px; line-height:18px} fieldset{padding:5px;border:solid 1px #ddd;margin:0 0 10px 0;} legend{font-weight:bold;margin:0 10px} select{width:160px; border:solid 1px #666; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;padding:1px 2px 2px 2px} .label{font-family:Arial;font-size:20px;font-weight:bold} .labela{font-family:Arial;font-size:16px;font-weight:bold} /** 控件样式 **/ input.txt{ border:solid 1px #666; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;padding:3px; width:150px} input.txtfree{ border:solid 1px #666; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;padding:3px;} input.btn{border:solid 1px #666; border-left:solid 1px #ccc; border-top:solid 1px #ccc; background:#ddd; padding:5px 10px; cursor:hand; height:25px;font-size:9pt} input.readonly{background:#eee} /** 链接按钮样式 **/ .buttons a{ display:block; float:left; margin:0 7px 0 0; background-color:#eee; border:1px solid #aaa; border-top:1px solid #eee; border-left:1px solid #eee;color:#565656; padding:3px 10px; } .buttons a:hover,.buttons a.on{ background-color:#ffffff } /** 表格样式 **/ .stable{border-collapse:collapse; border:solid 1px #eee} .stable tr th{border-bottom:solid 1px #ddd;padding:5px; background:#efefef; text-align:left} .stable tr td{border-bottom:solid 1px #eee;padding:5px; text-align:left} .stable tr .thx{border-bottom:solid 1px #fff; background:#efefef; font-weight:bold; text-align:center} .stable2{border-collapse:collapse} .stable2 tr th{padding:5px; text-align:left; font-size:12pt;} .stable2 tr td{padding:5px; text-align:left} /** 框架效果 **/ .logo{ float:left; width:320px; height:50px; } .topmenubar{ float:left; width:600px; height:30px; margin-top:20px; margin-left:30px} .topa{ display:block; float:left; margin-left:2px; padding:8px; background:#eee; border-right:solid 1px #009} .topa:hover{ background:#fff; color:#000} .topa_hover{ background:#fff; color:#000} .topbody{ background:#999} .fasts{ position:absolute; right:10px; top:5px; color:#fff} .fasts a{ color:#fff} .fasts a:hover{text-decoration:underline} /** 左侧菜单 **/ .menubody{ background:url(menubg.jpg)} .menu{ width:200px; height:auto; margin-bottom:1px} .menu_title{} .menu_title a{ font-weight:bold; padding:5px; color:#000; border-bottom:solid 1px #ccc; width:100%; display:block; border-top:solid 1px #fff; background:#dfdfdf} .menu_title a:hover{ color:#000;background:#eee;} .menu_body{ height:auto; width:100%; display:none} .menu_body a{ width:180px; margin-top:2px; padding:3px 3px 3px 15px; display:block; margin:auto; color:#333} .menu_body a:hover{ background:#fefefe; color:#000} .menu_body a img{ border:none; vertical-align:middle} /** 登陆页 **/ .login{ width:620px; margin:auto; margin-top:100px; background:url(../images/loginbg.jpg) no-repeat; height:350px} .loginform{ width:95%; height:40px; margin-top:230px; text-align:center; float:left;margin-left:10px} .logininfo{ width:100%; color:#aaa; line-height:15px; padding-top:30px; text-align:center; float:left} /** 显示所略图 **/ .tooltips{position:relative; z-index:2;text-decoration:none;} .tooltips:hover{z-index:3;background:none;} .tooltips span{display:none;} .tooltips:hover span{display:block;position:absolute;top:10px;left:9px;width:auto;border:1px solid #000;background-color:#ffe;padding:3px;} .tooltips:hover .popbox{display:block;position:absolute;top:10px;left:9px;width:200px;border:1px solid #000;background-color:#ffe;padding:3px;} /** 考试界面 **/ #div_processor{position:fixed;; left:70%; top:100px; width:145px; height:auto; background:#fff; border:solid 1px #ddd;padding:5px;text-align:center} #div_processor a{ display:block; float:left; padding:3px; border:solid 1px #ddd; background:#fff; width:14px; height:14px; margin-right:2px; margin-bottom:2px; text-decoration:none;} #div_processor a:hover{ background:#fa0} #div_processor a.finished{ background:#0f0} #div_processor div{ margin:0 0 10px 0; float:left; width:100%; height:auto;} .qk{text-align:center} .mtop20{margin-top:20px} .qinfo{padding:5px; border:solid 1px #eee ; border-bottom:solid 2px #eee; background:#f9f9f9} .qinfo p{margin:0;line-height:20px;font-size:10pt;} .qoptions{padding:5px; line-height:20px; border:solid 1px #eee ; border-top:none;} .qoptions a{ color:#eee; position:absolute; float:right;} .qoptions a:hover{ color:#f00;} /** 人工阅卷 **/ #divsetter{position:absolute;border:solid 1px #f00; background:#fff; padding:3px; display:none; } .lnk_score{display:block; float:left; padding:2px; border:solid 1px #f00; margin-right:2px; margin-bottom:2px; width:17px; height:17px; text-align:center;} .lnk_score:hover{ background:#f00; color:#fff; font-weight:bold} /** 试卷 **/ .epaper{float:left; width:180px; height:180px; margin:0 15px 15px 0; border:solid 1px #ddd; border-right:solid 2px #ccc; border-bottom:solid 2px #ccc;} .epaper tr td{border-bottom:solid 1px #ddd; } .epaper_head{ height:40px; font-weight:bold;background:#efefef} /** 用户头像 **/ .usericon{float:left; width:50px; margin:0 15px 15px 0; border:solid 1px #def} .usericon tr td{ border-bottom:none; padding:1px; text-align:center; line-height:1.5em} .usericon tr td img{ width:40px; height:40px; border:solid 1px #ddd; padding:1px}